<template>
  <div>
     <div class="x-container">
    <div class="b1">
      <div class="container">
        <div class="header">
          <div class="mbaoxie">
            <a href="">首页</a>
            >
            <a href="">华西校友</a>
          </div>
          <div class="title">
            <div>华西校友</div>
          </div>
        </div>
      </div>
    </div>
    <div class="b2">
      <div class="container">
        <div class="new1 clearfix">
          <span>新闻中心</span>
          <a href="">更多</a>
        </div>
        <div class="new2 clearfix">
          <div class="item">
            <a href="">
              <div class="new2img">
                <img src="/img/hxxy/s6167fd7908562.jpg" width="100%" alt="">
              </div>
              <div class="new2text">
                <div class="textmax">四川大学华西医学改革与发展论坛在...</div>
                <div class="textmin">
                  10月10日下午，四川大学华西医学改革与发展论坛在上海召开。
                </div>
              </div>
            </a>
          </div>
          <div class="item">
            <a href="">
              <div class="new2img">
                <img src="/img/hxxy/s6167faa4e92f1.jpg" width="100%" alt="">
              </div>
              <div class="new2text">
                <div class="textmax">我院召开校友会第一届常务理事会第...</div>
                <div class="textmin">
                  10月10日上午，四川大学华西临床医学院校友会第一届常务理事会第三次会议在上海召开。
                </div>
              </div>
            </a>
          </div>
          <div class="item">
            <a href="">
              <div class="new2img">
                <img src="/img/hxxy/s614ec36a1428d.jpg" width="100%" alt="">
              </div>
              <div class="new2text">
                <div class="textmax">华西临床医学院赴上海探望校友代表</div>
                <div class="textmin">
                  9月23日，四川大学华西临床医学院赴上海探望了在沪工作和生活的川大华西校友代表，向校友...
                </div>
              </div>
            </a>
          </div>
        </div>
      </div>
    </div>
    <div class="b3">
      <div class="container">
        <div class="fos">
          <div class="fosnr">
            <div class="clearfix">
              <a href="">《校友会章程》</a>
              <a href="">第一届常务理事会名单</a>
              <a href="">华西校友之家</a>
            </div>
          </div>
        </div>
        <div class="textreding">
          <div class="textredingnr">
            <div class="texttila">
              <div class="texttil">华西临床医学院校友会</div>
              <div class="texttils">
                校友是母校最坚定的支持者，大学的自豪和优势是源源不断培养出来的校友。
                四川大学华西临床医学院校友会由四川大学校友总会批准成立，旨在加强海内外校友之间、校友与母校之间的联系，
                增进友谊，互通信息，加强交流合作，为校友事业、母校发展和祖国医疗卫生事业的进步搭建平台。<br>

                （一）组织校友联谊活动，促进校友之间、校友和母校之间的联系、交流与合作；<br>

                （二）加强同各地校友会的联系和交流，协调各地校友会开展工作；<br>

                （三）开展各种校友服务工作，支持校友事业发展；<br>

                （四）凝聚海内外校友力量，促进母校医疗卫生事业建设的发展；<br>

                （五）推动医学院及相关单位的校友工作；<br>

                （六）依法建设和维护校友网站及校友网络管理系统等。<br>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="b4">
      <div class="container">
        <div class="bgban"></div>
        <div class="b4text">
          <div class="b4texta">
            <div class="texttila">
              <div class="texttil">华西临床医学院教育发展专项基金</div>
              <div class="texttils">
                四川大学华西临床医学院教育发展专项基金管理委员会是受四川大学华西临床医学院党政联席会授权并代表党政联席会管理专项基金的工作机构。由四川大学华西临床医学院党政联席会决定管委会的人员组成、任期及变更等相关事宜，并报四川大学教育基金会项目管理部备案。
                “专项基金”按照捐赠方意愿，用于四川大学华西临床医学院教育事业发展，包括：
                1、学生资助、奖励、创业就业、社团活动、社会实践等；
                2、资助校园科技文化活动等；
                3、资助教学科研及学科发展等；
                4、资助其他合乎捐赠方意愿，与四川大学华西临床医学院教育事业发展相关的公益活动。
              </div>
            </div>

          </div>
          <div class="b4textb">
            <div class="b4textba">
              <a href="">
                <img src="/img/hxxy/s5e257ce5e5f14.png" alt="">
              </a>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  </div>
</template>

<script>
  export default {
    
  }
</script>

<style lang="scss" scoped>
   .x-container {
      position: relative;
      overflow: hidden;
    }

    .clearfix::after {
      content: '';
      display: table;
      clear: both;
    }

    a {
      text-decoration: none;
    }

    .b1 {
      height: 254px;
      margin: 0 50px;
      background-image: url(/img/hxxy/cjwt.jpg);
    }

    .container {
      position: relative;
      width: 1180px;
      height: 100%;
      margin: auto;
    }

    .mbaoxie {
      color: #fff;
      font-size: 14px;
      padding: 18px 0;
    }

    .mbaoxie>a {
      color: #fff;
    }

    .title {
      padding-top: 42px;
      color: #fff;
      text-align: center;
      padding-top: 38px;
    }

    .title>div {
      font-size: 30px;
      line-height: 1.5;
    }

    .b2 {
      margin: 0 50px;
      padding-top: 65px;
      padding-bottom: 100px;
    }

    .new1>span {
      font-size: 32px;
      float: left;
    }

    .new1>a {
      font-size: 15px;
      float: right;
      line-height: 42px;
      color: black;

      background: url(/img/hxxy/link-icon1.png)no-repeat right center;
      padding-right: 25px;
    }

    .new1>a:hover {
      background: url(/img/hxxy/link-icon2.png)no-repeat right center;
      color: #c7a368;
    }

    .new2 {
      width: 100%;
      margin-top: 35px;
      display: flex;
      justify-content: space-between;
    }

    .new2 .item {

      width: 360px;
    }

    .new2 .item .new2img {
      height: 270px;
      overflow: hidden;
    }

    .new2text {
      margin-top: 16px;
      color: black;
    }

    .new2text .textmax {
      font-size: 18px;
    }

    .new2text .textmax:hover {
      color: #c7a368;
    }

    .new2text .textmin {
      height: 44px;
      font-size: 12px;
      line-height: 22px;
      margin-top: 10px
    }

    .b3 {
      margin: 0 50px;
      overflow: hidden;
      position: relative;
      height: 542px;
      padding-bottom: 0px;
    }

    .b3 .container:before {
      right: -320px;
    }

    .b3 .container:after {
      width: 99px;
      height: 99px;
      position: absolute;
      content: "";
      right: -99px;
      top: 0;
      background: #244483;
    }

    .b3 .container:before {
      content: "";
      display: block;
      position: absolute;
      width: 320px;
      height: 540px;
      background: url(/img/tsyl-10.jpg) repeat center 0;
    }

    .fos {
      width: 590px;
      height: 442px;
      position: absolute;
      top: auto;
      bottom: 0;
      left: auto;
      right: 0;
      box-shadow: 0px 0px 35px 0px rgb(0 0 0 / 10%);
    }

    .fos .fosnr {
      padding: 60px 41px 40px 41px;
      position: relative;
      width: 508px;
    }

    .fos .fosnr>div {
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
      overflow: hidden;
    }

    .fos .fosnr>div>a {
      display: block;
      width: 200px;
      height: 45px;
      line-height: 45px;
      text-align: center;
      padding: 0 20px;
      border: 1px solid #d2d2d2;
      border-radius: 5px;
      margin: 5px;
      font-size: 16px;
      overflow: hidden;
      color: #474747
    }

    .textreding {
      width: 910px;
      height: 541px;
      position: absolute;
      right: 590px;
      left: auto;
      top: 0;
      background-image: url(/img/hxxy/cjwt.jpg);
    }

    .textreding::after {
      background-image: url(/img/hxxy/hxylt2-4.png);
      content: "";
      display: block;
      position: absolute;
      width: 343px;
      height: 375px;
      right: auto;
      bottom: 0;
      left: 0;
    }

    .textredingnr {
      float: right;
      width: 518px;
      height: 100%;
      color: #ffffff;
      padding: 0;
      padding-right: 70px;
    }

    .textredingnr .texttila {
      margin-top: 135px;
    }

    .texttil {
      font-size: 32px;
    }

    .texttils {
      font-size: 14px;
      line-height: 22px;
      margin-top: 15px;
    }

    .b4 {
      margin: 0 50px;
      overflow: hidden;
      height: 605px;
    }

    .bgban {
      background: url(/img/hxxy/cjwt.jpg) repeat center 0;
      width: 1726px;
      height: 528px;
      position: absolute;
      bottom: 0;
      left: -227px;
    }

    .bgban::after {
      content: "";
      display: block;
      width: 289px;
      height: 322px;
      background: url(/img/hxxy/hxylt2-1.png) no-repeat right bottom;
      position: absolute;
      bottom: 0;
      right: 0;
    }

    .b4text {
      position: absolute;
      left: -310px;
      background: url(/img/hxxy/hxylt2-2.jpg) no-repeat center 0;
      width: 1500px;
      height: 559px;
    }

    .b4texta {
      height: 100%;
      padding-left: 320px;
      width: 520px;
      float: left;
    }

    .b4texta .texttila {
      margin-top: 135px;
    }
    .b4textb{
      width: 590px;
      height: 559px;
      float: right;
      position: relative;
      z-index: 1;
    }
    .b4textba>a>img{
      width: 100%;
    }
</style>